<script setup>
import wn from './components/wn.vue';
import { ref, provide } from 'vue'

provide('pvde', '广播')

// defineProps(['msg'])

let msg = ref('点击')
function f() {
  msg.value = '魔豆'
}
function fn() {
  alert('方法Expose')
}

defineExpose({ fn })
</script>
<template>
  <div class="box">
    <wn title="属性" v-model:mod="msg"></wn>
    <button @click="f">V-model</button>
  </div>
  {{ msg }}
</template>

<style scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.box {
  margin: 0 auto;
}
</style>
